import styled from "styled-components";
import ChartDemo1 from "./demo1";
import ChartDemo2 from "./demo2";
import ChartDemo6 from "./demo6";
import ChartDemo61 from "./demo61";
import { Col, Row } from "antd";
import ChartDemo3 from "./demo3";
import ChartDemo5 from "./demo5";
import ChartDemo7 from "./demo7";
import ChartQfg1 from "./qfg1";
import ChartQfg2 from "./qfg2";
import ChartQfg4 from "./qfg4";
import ChartQfg5 from "./qfg5";
import ChartQfg6 from "./qfg6";
import DemoFlow from "./flow";

const Layout = () => {
  return (
    <>
      <h1>G6</h1>
      <Row gutter={[16, 16]}>
        <Col span={12}>
          <ChartQfg1 />
        </Col>
        <Col span={12}>
          <ChartQfg2 />
        </Col>
        <Col span={12}>
          <ChartQfg4 />
        </Col>
        <Col span={24}>
          <ChartQfg5 />
        </Col>
        <Col span={24}>
          <ChartQfg6 />
        </Col>
        <Col span={12}>
          <ChartDemo1 />
        </Col>
        <Col span={12}>
          <ChartDemo2 />
        </Col>

        <Col span={12}>
          <ChartDemo3 />
        </Col>
        <Col span={12}>
          <ChartDemo5 />
        </Col>
        <Col span={18}>
          <DemoFlow />
        </Col>
        <Col span={18}>
          <ChartDemo6 />
        </Col>
        <Col span={18}>
          <ChartDemo61 />
        </Col>
        <Col span={18}>
          <ChartDemo7 />
        </Col>
      </Row>
    </>
  );
};

export default Layout;
